@r:40rem;


html,body{
	width: 100%;
	height: 100%;
}
.wrap{
	width: 100%;
	height: 100%;
	background:#fdba1e url(../image/bg1.jpg) no-repeat;
	background-size: contain;
	overflow: hidden;
	.bonus{
		width: 70%;
		height: 60%;
		margin:350/@r auto;
		border: 1px solid #df002c;
		border-radius: 20/@r;
		background:#df002c url(../image/bg2.jpg) no-repeat;
		background-size: contain;
		form{
			width: 80%;
			margin:170/@r auto;
			div{
				width: 100%;
				height: 70/@r;
				label{
					width: 25%;
					line-height:50/@r;
					font-size: 22/@r;
					text-align: right;
					color: #b39ea0;
				}
				input{
					width: 65%;
					height: 50/@r;
					font-size: 22/@r;
					margin-left: 4%;
					padding-left: 1%;
					border:1px solid #91181a;
					border-radius:10/@r;
					color:#b39ea0;
					background:#91181a;
				}
			}
			input[type="submit"]{
				width: 50%;
				height: 70/@r;
				font-size: 25/@r;
				letter-spacing: 3/@r;
				margin-top:50/@r;
				margin-left:25%;
				border:1/@r solid #e38020;
				border-radius:10/@r;
				background: #e38020;
				color:#fff;
			}
		}
	}
}